﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ClientsUC.ascx.cs" Inherits="PASNew.U.Controls.Clients" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<%@ Register Src="dpChangeUC.ascx" TagName="dpChangeUC" TagPrefix="uc1" %>
<%@ Register Src="dpEndDateUC.ascx" TagName="dpEndDateUC" TagPrefix="uc2" %>

<h1>
    Client</h1>

<asp:ScriptManager ID="smClients" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="upClients" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div class="clientnavi">
    <div class="left">
        <ul>
            <li>
                <asp:Button ID="btnNew" runat="server" Text="New" CausesValidation="False" OnClick="btnNew_Click"
                    ToolTip="Click here to add client" CssClass="button" />
            </li>
            <li>
                <asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" ToolTip="Click here to save client"
                    CssClass="button" />
            </li>
            <li>
                <asp:Button ID="btnDelete" runat="server" Text="Delete" OnClick="btnDelete_Click"
                    ToolTip="Click here to delete client" CssClass="button" />
            </li>
        </ul>
    </div>
    <div class="right" style="padding-top: 5px;">
        <asp:DropDownList ID="DDClientLoad" runat="server" CssClass="dropdown" AutoPostBack="True"
            AppendDataBoundItems="true">
            <asp:ListItem Text="Please select client ---" Value="-1"></asp:ListItem>
        </asp:DropDownList>
    </div>
    <div class="clear">
    </div>
    </div>
    <div class="clear">
    </div>
    <div id="Uploader">
        <script type="text/javascript">
            $(document).ready(function () {
                $(".flip").click(function () {
                    $(".panel").slideToggle("slow");
                });
            });

        </script>
        <div class="panel">
            <div class="clientnavi">
                <div class="left">
                    <ul>
                        <li>
                            <asp:Button ID="btnUpload" runat="server" Text="Upload" CausesValidation="False"
                                ToolTip="Click here to upload file" CssClass="button" 
                                onclick="btnUpload_Click" /></li>
                        <li>
                            <asp:Button ID="btnView" runat="server" Text="View" CausesValidation="False" ToolTip="Click here to upload file"
                                CssClass="button" /></li>
                    </ul>
                </div>
                <div class="clear">
                </div>
            </div>
            <br />
            <asp:FileUpload ID="FileUpload1" runat="server" ToolTip="Click here to select a file"
                CssClass="file" Width="200px"></asp:FileUpload><br />
            <br />
            <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label><br />
            <br />
            <asp:DropDownList ID="DropDownList1" runat="server" CssClass="dropdown">
                <asp:ListItem>Please select file --</asp:ListItem>
            </asp:DropDownList>
            <br />
        </div>
        <p class="flip">
            <a href="#" style="text-decoration: none">
                <asp:Image ID="Image1" runat="server" ImageUrl="~/images/056.gif"></asp:Image></a></p>
    </div>
    <div class="clear">
    </div>
    <div class="clientdetail">
        <div class="left">
            <p>
                <asp:Label ID="lblCompanyName" runat="server" Text="Company Name" AssociatedControlID="txtBoxCompanyName"></asp:Label><br />
                <asp:TextBox ID="txtBoxCompanyName" runat="server" CssClass="textbox"></asp:TextBox><br />
                <asp:RequiredFieldValidator ID="CompanyCheck" runat="server" ErrorMessage="Input a company name"
                    ControlToValidate="txtBoxCompanyName" ForeColor="black" Display="Dynamic"></asp:RequiredFieldValidator>
            </p>
        <p>
            <asp:Label ID="lblContactName" runat="server" Text="Contact Name" AssociatedControlID="txtBoxContactName"></asp:Label><br />
            <asp:TextBox ID="txtBoxContactName" runat="server" CssClass="textbox"></asp:TextBox>
        </p>
        <p>
            <asp:Label ID="lblEmail" runat="server" Text="Email Address" AssociatedControlID="txtBoxEmail"></asp:Label><br />
            <asp:TextBox ID="txtBoxEmail" runat="server" CssClass="textbox"></asp:TextBox><br />
            <asp:RegularExpressionValidator ID="EmailFormatCheck" runat="server" ControlToValidate="txtBoxEmail"
                ErrorMessage="Input a valid Email address" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                ForeColor="black" Display="Dynamic"></asp:RegularExpressionValidator>
        </p>
        <p>
            <asp:Label ID="lblCellphone" runat="server" Text="Cellphone Number" AssociatedControlID="txtBoxCellphone"></asp:Label><br />
            <asp:TextBox ID="txtBoxCellphone" runat="server" CssClass="textbox"></asp:TextBox>
        </p>
        <p>
            <asp:Label ID="lblLandline" runat="server" Text="Land Line" AssociatedControlID="txtBoxLandline"></asp:Label><br />
            <asp:TextBox ID="txtBoxLandline" runat="server" CssClass="textbox"></asp:TextBox>
        </p>
        <p>
            <asp:Label ID="lblPhysical" runat="server" Text="Physical Address" AssociatedControlID="txtBoxPhysical"></asp:Label><br />
            <asp:TextBox ID="txtBoxPhysical" runat="server" TextMode="MultiLine" CssClass="textbox"
                Rows="4"></asp:TextBox>
        </p>
    </div>
    <div class="right">
        <p>
            <asp:Label ID="lblWebsite" runat="server" Text="Website" AssociatedControlID="txtBoxWebsite"></asp:Label><br />
            <asp:TextBox ID="txtBoxWebsite" runat="server" CssClass="textbox"></asp:TextBox><br />
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="Input a valid URL"
                ControlToValidate="txtBoxWebsite" ForeColor="black" ValidationExpression="([\w-]+\.)+[\w-]+(/[\w- ./?%&amp;=]*)?"
                Display="Dynamic"></asp:RegularExpressionValidator><br />
        </p>
        <script type="text/javascript">
            function ChangeLabelValue() {
                document.getElementById("Label1").innerHTML = "new text value";
            }
</script>

 <div>    
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>    
    </div>
    <input id="Button1" type="button" value="Change Label Color" onclick="ChangeLabelValue();"/> 


        <p>
            <asp:Label ID="lblAdvertised" runat="server" Text="Advertised?" AssociatedControlID="AdvertiseCheck"></asp:Label><br />
            <asp:RadioButtonList ID="AdvertiseCheck" runat="server" RepeatDirection="Horizontal"
                AutoPostBack="True" OnSelectedIndexChanged="AdvertiseCheck_SelectedIndexChanged">
                <asp:ListItem Value="1">Yes</asp:ListItem>
                <asp:ListItem Value="2">No</asp:ListItem>
            </asp:RadioButtonList>
        </p>
            <p>
                <asp:Label ID="lblChange" runat="server" Text="Change"
                    Visible="False"></asp:Label><br />
                <uc1:dpChangeUC ID="dpChangeUC" runat="server" Visible="false" />
                 <p>
                  <%--   <eo:DatePicker ID="DPChange" runat="server" ControlSkinID="None" 
                         DayCellHeight="16" DayCellWidth="19" DayHeaderFormat="FirstLetter" 
                         DisabledDates="" OtherMonthDayVisible="True" SelectedDates="" 
                         TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" 
                         TitleRightArrowImageUrl="DefaultSubMenuIcon" Visible="false" 
                         VisibleDate="2011-07-01" Width="200px">
                         <PickerStyle CssText="font-family:Courier New; padding-left:5px; padding-right: 5px;" />
                         <CalendarStyle CssText="background-color: Red; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
                         <TitleStyle CssText="background-color:Red;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
                         <TitleArrowStyle CssText="cursor:hand" />
                         <MonthStyle CssText="font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px" />
                         <DayHeaderStyle CssText="font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid" />
                         <DayStyle CssText="font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                         <DayHoverStyle CssText="font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
                         <TodayStyle CssText="font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
                         <SelectedDayStyle CssText="font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                         <DisabledDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                         <OtherMonthDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                     </eo:DatePicker>--%>
                </p>
                <p>
                    <asp:Label ID="lblEndDate" runat="server"
                        Text="End Date" Visible="False"></asp:Label>
                        <uc2:dpEndDateUC ID="dpEndDateUC" runat="server" Visible="false" />

                    <p>
                        <%--<eo:DatePicker ID="DPEndDate" runat="server" ControlSkinID="None" 
                        DayCellHeight="16" DayCellWidth="19" DayHeaderFormat="FirstLetter" 
                        DisabledDates="" OtherMonthDayVisible="True" SelectedDates="" 
                        TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" 
                        TitleRightArrowImageUrl="DefaultSubMenuIcon" Visible="false" 
                        VisibleDate="2011-07-01" Width="200px">
                        <PickerStyle CssText="font-family:Courier New; padding-left:5px; padding-right: 5px;" />
                        <CalendarStyle CssText="background-color: Red; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
                        <TitleStyle CssText="background-color:Red;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
                        <TitleArrowStyle CssText="cursor:hand" />
                        <MonthStyle CssText="font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px" />
                        <DayHeaderStyle CssText="font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid" />
                        <DayStyle CssText="font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                        <DayHoverStyle CssText="font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
                        <TodayStyle CssText="font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
                        <SelectedDayStyle CssText="font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                        <DisabledDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                        <OtherMonthDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
                    </eo:DatePicker>--%>
                    </p>
                    <p>
                        <asp:Label ID="lblAmount" runat="server" AssociatedControlID="txtBoxAmount" 
                            Text="Amount" Visible="False"></asp:Label>
                        <br />
                        <asp:TextBox ID="txtBoxAmount" runat="server" CssClass="textbox" 
                            Visible="false"></asp:TextBox>
                    </p>
                    <p>
                    </p>
                    <p>
                    </p>
                    <p>
                    </p>
                    <p>
                    </p>
                    <p>
                    </p>
                    <p>
                    </p>
                </p>
            </p>
    </div>
    <div class="left">
        <p>
            <asp:Label ID="Label1" runat="server" Text="Notes" Visible="true" AssociatedControlID="txtBoxNotes"></asp:Label><br />
            <asp:TextBox ID="txtBoxNotes" runat="server" TextMode="MultiLine" Width="550px" Height="200px"
                CssClass="textbox"></asp:TextBox>
        </p>
        <asp:Label ID="lblSuccess" runat="server" Text="Label" ForeColor="Black" Visible="False"></asp:Label>
    </div>
    <div class="clear">
    </div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="uProgress" runat="server" 
    AssociatedUpdatePanelID="upClients">
<ProgressTemplate>
    <img src="../Images/spinner.gif" alt="Progress..." />
    </ProgressTemplate>
</asp:UpdateProgress>
